
	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Accounting</h1>
			<!--form action="" method="get"><input class="" type="text" id="q" name="q" /></form-->
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
			
            <p>&nbsp;</p>	
			<div class="column width8 first">
				<a href="<?= $this->config->item('base_url') ?>accounting" class="btn btn-blue"><span class="icon icon-magnifier">&nbsp;</span>Search Entry</a>
				<a href="<?= $this->config->item('base_url') ?>accounting/new_entry" class="btn"><span class="icon icon-add">&nbsp;</span>New Entry</a>
				<!-- a href="<?= $this->config->item('base_url') ?>accounting/reports" class="btn"><span class="icon icon-add">&nbsp;</span>Reports</a-->
				<!-- a href="#" class="btn"><span class="icon icon-add">&nbsp;</span>Property Map</a-->
			</div>
					
            <div class="leading clearfix">
			
				<!-- Search Entry -->
                <div class="column width8 first">
                    <div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Search Entry</h3>
                        </header>
                        <section>
						
							<div class="column width7 ta-center first">						
								<input type="text" class="full title" name="search_keyword" value="" />
							</div>
							
							<div class="column">
								<a href="#" class="btn" id="search_button"><!--span class="icon icon-add">&nbsp;</span-->Search</a>
							</div>
							
							<!-- Search Filters -->			
							<div class="column first">
								<label>&nbsp;&nbsp;&nbsp;&nbsp;Filter:</label>
								<label class="choice"><input type="checkbox" value="" />All</label>
								<label class="choice"><input type="checkbox" value="" />PO #</label>
								<label class="choice"><input type="checkbox" value="" />OR #</label>
								<label class="choice"><input type="checkbox" value="" />RFQ #</label>
								<label class="choice"><input type="checkbox" value="" checked="checked" />Description</label>
								<label class="choice"><input type="checkbox" value="" />Delivery Receipt</label>							
							</div>
							
                        </section>
                    </div>                    
                </div>
                <!-- End of Search Entry -->
				
				<!-- Results -->
                <div id="results_div" class="column width8 first">
                    
                    <div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Result/s</h3>
                        </header>
                        <section>
							<div id="entry_list" class="dataTables_wrapper">
							
								<!--div id="entry_list_filter" class="dataTables_filter_left">
									Search:
									<input type="text" />
								</div-->
								
								<div id="entry_list_count" class="dataTables_length">
									Show
									<select name="entry_list_count" size="1">
										<option value="10">10</option>
										<option value="25">25</option>
										<option value="50">50</option>
										<option value="100">100</option>
										<option value="all">All</option>
									</select>
									entries									
								</div>
								
								<div id="entry_list_paginate" class="dataTables_paginate paging_two_button" class="dataTables_paginate">
									<div id="entry_list_previous" class="paginate_disabled_previous" title="Previous"></div>
									<div id="entry_list_next" class="paginate_disabled_next" title="Next"></div>
								</div>
								
								<div>
									<table id="entry_list_table" class="display stylized" style="width:auto" >
										<thead>
											<th style="width: 60px;"></th>
											<th class="sorting_asc" style="width: 125px;">Transaction Date</th>
											<th class="sorting_asc" style="width: 125px;">Identifier</th>
											<th class="sorting_asc" style="width: 125px;">Customer Name</th>
											<th class="sorting_asc" style="width: 125px;">PO #</th>
											<th class="sorting_asc" style="width: 125px;">RFQ #</th>
											<th class="sorting_asc" style="width: 125px;">DR #</th>
											<th class="sorting_asc" style="width: 125px;">Description</th>
										</thead>
										<tbody>
											<tr class="gradeA odd">
												<td>
													<a href="#popup-view" class="nyroModal"><span class="icon icon-magnifier" title="View">&nbsp;</span></a>
													<a href="#popup-edit" class="nyroModal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
												</td>
												<td>
													Dec. 5, 2010
												</td>
												<td>
													Material Purchase
												</td>
												<td>
													San Miguel
												</td>
												<td>
													PO102030405
												</td>
												<td>
													RFQ102030405
												</td>
												<td>
													DR102030405
												</td>		
												<td>
													11" welding rod
												</td>										
											</tr>
											<tr class="gradeA even">
												
												<td>
													<a href="#"><span class="icon icon-magnifier" title="View">&nbsp;</span></a>
													<a href="#"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>	
												<td>
													ABCDEF
												</td>
											</tr>
											<tr class="gradeA odd">
												
												<td>
													<a class="nyroModal" href="#"><span class="icon icon-magnifier" title="View">&nbsp;</span></a>
													<a href="#"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>	
												<td>
													ABCDEF
												</td>
											</tr>
											<tr class="gradeA even">
												
												<td>
													<a href="#"><span class="icon icon-magnifier" title="View">&nbsp;</span></a>
													<a href="#"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>	
												<td>
													ABCDEF
												</td>
											</tr>
											<tr class="gradeA odd">
												
												<td>
													<a href="#"><span class="icon icon-magnifier" title="View">&nbsp;</span></a>
													<a href="#"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>
												<td>
													ABCDEF
												</td>	
												<td>
													ABCDEF
												</td>
											</tr>
										</tbody>
										<tfoot>
											<th></th>
											<th>Transaction Date</th>
											<th>Identifier</th>
											<th>Customer Name</th>
											<th>PO #</th>
											<th>RFQ #</th>
											<th>DR #</th>
											<th>Description</th>
										</tfoot>
									</table>
								</div>
								<div id="entry_list_info" class="dataTables_info">
									Showing 1 to 5 of n entries.
								</div>
								
								<div id="entry_list_paginate" class="dataTables_paginate paging_two_button">
									<div id="entry_list_previous" class="paginate_disabled_previous" title="Previous"></div>
									<div id="entry_list_next" class="paginate_disabled_next" title="Next"></div>
								</div>
								
							</div>
                        </section>
                    </div>
                
                </div>
				<!-- End of Results -->
                
            </div>
									
		</div>
		<!-- End of Wrapper -->
		
		<!-- Popups - View -->
		<div id="popup-view" class="hidden">
			<form action="" method="get" id="form_view">
					
					<!-- View Content -->
					<div class="column width8 first">						
						<div class="content-box corners">
										
							<header>
								<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />View Accounting Entry</h3>
							</header>
						
							<section>					
								<!-- PO# and RFQ# -->
								<div class="colgroup inner-width8">							
									<div class="content-box corners">
										<section>																			
											<div>
												<div class="column inner-width2 first">
													<b><label class="">PO #</label></b>
													<input type="text" class="full" value="" />
													<br />
													<label class="choice"><input type="checkbox" name="by_customer" value="1" />Issued By Customer</label>
												</div>
													
												<div class="column inner-width2">
													<b><label class="">New PO #</label></b>
													<input type="text" class="full" value="" />
												</div>	
													
												<div class="column inner-width2">
													<b><label class="">RFQ #</label></b>
													<input type="text" class="full" value="" />
												</div>	
												
												<div class="column inner-width2">
													<b><label class="">New RFQ #</label></b>
													<input type="text" class="full" value="" />
												</div>												
											</div>
										</section>
									</div>						
								</div>
								<!-- End of PO#, RFQ# -->
								
								<!-- Customer and Description -->
								<div class="inner-column inner-width8 first">
									<!-- Customer Name -->
									<div class="column inner-width3 first">			
										<div class="content-box corners inner-bg">
											<section>
												<b><label>Customer Name</label></b>
												<br />
												<input type="text" class="full" name="customer_name" value="" />
												<small>Company, Supplier, or Tenant's Name. Ex. San Miguel</small>
											</section>
										</div>								
									</div>
									<!-- End of Customer Name -->
									
									<!-- Description -->
									<div class="column inner-width5" style="width:610px">			
										<div class="content-box corners inner-bg">
											<section>
												<b><label>Description</label></b>
												<br />
												<input type="text" class="full" name="customer_name" value="" />
												<small>Describes the Expense or Receivable. Ex. 22pcs round bar. If tenant, tenant's name, month, door #.</small>
											</section>
										</div>								
									</div>
									<!-- End of Description -->
								</div>
								<!-- End of Customer and Description -->
							
								<!-- Accounts -->
								<div class="column inner-width8 first">		
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Business Account</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="account" value="business_accnt_1" value="" /> Cebu Micro
												</label>
												<label class="choice">
													<input type="radio" name="account" value="business_accnt_2" value="" /> Sure Way
												</label>
												<label class="choice">											
													<input type="radio" name="account" value="business_accnt_3" value="" /> Intelaface
												</label>
											</div>
											
											<br />
											
											<div>
												<b><label class="">Property Account</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_1" value="" /> Sureriser Propert
												</label>
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_2" value="" /> Cenrem Property
												</label>
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_3" value="" /> Emro Property
												</label>
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_4" value="" /> Leomer Property<
												</label>
											</div>
											
											<br />
											
											<div>
												<b><label class="">Individual Account</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_1" value="" /> Camilo
												</label>
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_2" value="" /> Gloria
												</label>
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_3" value="" /> Roger
												</label>
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_4" value="" /> Cecilia
												</label>
												<label class="choice">
													<input type="radio" name="account" value	="indi_accnt_5" value="" /> Nilo
												</label>
											</div>
											
										</section>
									
									</div>							
								</div>
								<!-- End of Accounts -->
								
								<!-- Type of Transaction -->
								<div class="column inner-width3 first">							
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Type of Transaction</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="transaction_type" id="money_in" value="" checked="checked" /> Money In
												</label>
												<label class="choice">
													<input type="radio" name="transaction_type" id="money_out" value="" /> Money Out
												</label>
												<label class="choice">
													<input type="radio" name="transaction_type" id="other" value="" /> Other
												</label>
											</div>
										</section>
										
									</div>						
								</div>
								<!-- End of Transaction -->
								
								<!-- Money In -->
								<div class="column inner-width8 first" id="money_in_div">							
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Money In (Receivable)</label></b>																	
											</div>
											
											<br />										
											<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
											
												<!-- Transaction Date and Payment Method -->
												<div class="first" style="display:block; float:left; width:30%;">
												
													<label for="datepick">Date of Transaction</label>
													<br />
													<div style="margin-left:10px">
														<input id="noiedatepick" class="hasDatepick" type="date" name="datepick" value="" />
													</div>
													
													<br />
													
													<!-- Payment Method -->
													<div>
														<b><label class="">Payment Method</label></b>
														<br />
														<div  style="margin-left:10px">
															<table>
																<tbody>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="cash" value="" />
																				<label class="choice">Cash</label>													
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="BDO#123456" />
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="check" value="" />
																				<label class="choice">Check</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Check #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="credit" value="" />
																				<label class="choice">Charge</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>&nbsp;</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card</small>
																		</td>
																	</tr>
																</tbody>
															</table>	
														</div>												
													</div>
													<!-- End of Payment Method -->
													
												</div>
												<!-- End of Transaction Date and Payment Mode -->
												
												<!-- Receipt Used -->
												<div style="display:block; float:left; width:35%;">	
																						
													<b><label class="">Receipt Used in Transaction</label></b>
													
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="official" value="" /> Official Receipt
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">															
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="charge" value="" /> Charge Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="delivery" value="" /> Delivery Receipt														
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_invoice" value="" /> Cash Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_voucher" value="" /> Cash Voucher
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>											
													
												</div>
												<!-- End of Receipt Used -->
												
												<!-- Amount -->
												<div style="display:block; float:left; width:33%;">
												
													<b><label class="">Amount</label></b>
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">Amount (Before VAT)</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">VAT</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">Withholding Tax</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>&nbsp;</td>
																	<td style="padding-left:5px;">
																		<hr class="black"/>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">TOTAL</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
													
												</div>
												<!-- End of Amount -->
												
											</div>
											
										</section>
									</div>
								
								</div>
								<!-- End of Money In -->
								
								<!-- Money Out -->
								<div class="column inner-width8 first hidden" id="money_out_div">							
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Money Out (Payable)</label></b>																	
											</div>
											
											<br />										
											<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
											
												<!-- Transaction Date and Payment Method -->
												<div class="first" style="display:block; float:left; width:30%;">
												
													<label for="datepick">Date of Transaction</label>
													<br />
													<div style="margin-left:10px">
														<input id="noiedatepick" class="hasDatepick" type="date" name="datepick" value="" />
													</div>
													
													<br />
													
													<!-- Payment Method -->
													<div>
														<b><label class="">Payment Method</label></b>
														<br />
														<div  style="margin-left:10px">
															<table>
																<tbody>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="cash" value="" />
																				<label class="choice">Cash</label>													
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="BDO#123456" />
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="check" value="" />
																				<label class="choice">Check</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Check #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="credit" value="" />
																				<label class="choice">Charge</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>&nbsp;</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card</small>
																		</td>
																	</tr>
																</tbody>
															</table>	
														</div>												
													</div>
													<!-- End of Payment Method -->
													
												</div>
												<!-- End of Transaction Date and Payment Mode -->
												
												<!-- Receipt Used -->
												<div style="display:block; float:left; width:35%;">	
																						
													<b><label class="">Receipt Used in Transaction</label></b>
													
		
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="official" value="" /> Official Receipt
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">															
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="charge" value="" /> Charge Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="delivery" value="" /> Delivery Receipt														
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_invoice" value="" /> Cash Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_voucher" value="" /> Cash Voucher
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>											
													
												</div>
												<!-- End of Receipt Used -->
												
												<!-- Amount -->
												<div style="display:block; float:left; width:33%;">
												
													<b><label class="">Amount</label></b>
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">Amount (Before VAT)</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">VAT</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">Withholding Tax</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>&nbsp;</td>
																	<td style="padding-left:5px;">
																		<hr class="black"/>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">TOTAL</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
													
												</div>
												<!-- End of Amount -->
												
											</div>
											
										</section>
									</div>
								
								</div>
								<!-- End of Money Out -->
								
								<!-- Other -->
								<div class="column inner-width8 first hidden" id="other_div">							
									<div class="content-box corners">
									
										<section>
										
											<div>
												<b><label class="">Other</label></b>																	
											</div>
											<br />	
											
											<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
											
												<div class="first" style="display:block; float:left; width:30%;">
													<label for="transaction_date">Date of Transaction</label>
													<br />
													<div style="margin-left:10px">
														<input id="transaction_date" class="hasDatepick" type="date" name="transaction_date" value="" />
													</div>
												</div>
												
												<!-- Receipt Used -->
												<div style="display:block; float:left; width:35%;">											
													<b><label class="">Receipt Used in Transaction</label></b>
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="acknowledgement" value="" /> Acknowledgement Receipt
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="provisional" value="" /> Provisional Receipt
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="delivery" value="" /> Delivery Receipt															
																		</label>
																	</td>
																</tr>														
															</tbody>
														</table>
													</div>
													<br />
												</div>									
												<!-- End of Receipt Used -->
												
											</div>
											
										</section>
										
									</div>						
								</div>
								<!-- End of Other -->
								
								<!-- Identifier and Note -->
								<div class="column inner-width8 first">
									
									<div class="content-box corners">
										<section class="full">
											<div class="colgroup full">
												<div class="inner-width4 column first">
													<b><label class="">Identifier</label></b>
													<input type="text" class="full" value="" />
													<small>Defines the identifier for this transaction. Ex. SSS, Material Purchase, Oxygen, Retainers Fee, Insurance</small>
												</div>
												<div class="inner-width4 column">
													<b><label class="">Notes</label></b>
													<input type="text" class="full" value="" />
												</div>
											</div>
										</section>
									</div>
								
								</div>
								<!-- End of Identifier and Note -->
								
								<!-- Scan Receipt -->
								<div class="column inner-width8 first">
									
									<div class="content-box corners">
										<section>
											<a href="<?= $this->config->item('webroot') ?>images/icons/information.png" class="nyroModal"><b><label class="">Scanned Receipt</label></b></a>
										</section>
									</div>
								
								</div>
								<!-- End of Scan Receipt -->
								
							</section>
						
					</div>					   
				</div>
				<!-- End of View Content -->
		
			</form>		
		</div>
		<!-- End of Popup - View -->
		
		<!-- Popups - Edit -->
		<div id="popup-edit" class="hidden">
			<form action="" method="get" id="form_edit">
					
					<!-- View Content -->
					<div class="column width8 first">						
						<div class="content-box corners">
										
							<header>
								<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Edit Accounting Entry</h3>
							</header>
						
							<section>					
								<!-- PO# and RFQ# -->
								<div class="colgroup inner-width8">							
									<div class="content-box corners">
										<section>																			
											<div>
												<div class="column inner-width2 first">
													<b><label class="">PO #</label></b>
													<input type="text" class="full" value="" />
													<br />
													<label class="choice"><input type="checkbox" name="by_customer" value="1" />Issued By Customer</label>
												</div>
													
												<div class="column inner-width2">
													<b><label class="">New PO #</label></b>
													<input type="text" class="full" value="" />
												</div>	
													
												<div class="column inner-width2">
													<b><label class="">RFQ #</label></b>
													<input type="text" class="full" value="" />
												</div>	
												
												<div class="column inner-width2">
													<b><label class="">New RFQ #</label></b>
													<input type="text" class="full" value="" />
												</div>												
											</div>
										</section>
									</div>						
								</div>
								<!-- End of PO#, RFQ# -->
								
								<!-- Customer and Description -->
								<div class="inner-column inner-width8 first">
									<!-- Customer Name -->
									<div class="column inner-width3 first">			
										<div class="content-box corners inner-bg">
											<section>
												<b><label>Customer Name</label></b>
												<br />
												<input type="text" class="full" name="customer_name" value="" />
												<small>Company, Supplier, or Tenant's Name. Ex. San Miguel</small>
											</section>
										</div>								
									</div>
									<!-- End of Customer Name -->
									
									<!-- Description -->
									<div class="column inner-width5" style="width:610px">			
										<div class="content-box corners inner-bg">
											<section>
												<b><label>Description</label></b>
												<br />
												<input type="text" class="full" name="customer_name" value="" />
												<small>Describes the Expense or Receivable. Ex. 22pcs round bar. If tenant, tenant's name, month, door #.</small>
											</section>
										</div>								
									</div>
									<!-- End of Description -->
								</div>
								<!-- End of Customer and Description -->
							
								<!-- Accounts -->
								<div class="column inner-width8 first">		
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Business Account</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="account" value="business_accnt_1" value="" /> Cebu Micro
												</label>
												<label class="choice">
													<input type="radio" name="account" value="business_accnt_2" value="" /> Sure Way
												</label>
												<label class="choice">											
													<input type="radio" name="account" value="business_accnt_3" value="" /> Intelaface
												</label>
											</div>
											
											<br />
											
											<div>
												<b><label class="">Property Account</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_1" value="" /> Sureriser Propert
												</label>
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_2" value="" /> Cenrem Property
												</label>
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_3" value="" /> Emro Property
												</label>
												<label class="choice">
													<input type="radio" name="account" value="prop_accnt_4" value="" /> Leomer Property<
												</label>
											</div>
											
											<br />
											
											<div>
												<b><label class="">Individual Account</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_1" value="" /> Camilo
												</label>
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_2" value="" /> Gloria
												</label>
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_3" value="" /> Roger
												</label>
												<label class="choice">
													<input type="radio" name="account" value="indi_accnt_4" value="" /> Cecilia
												</label>
												<label class="choice">
													<input type="radio" name="account" value	="indi_accnt_5" value="" /> Nilo
												</label>
											</div>
											
										</section>
									
									</div>							
								</div>
								<!-- End of Accounts -->
								
								<!-- Type of Transaction -->
								<div class="column inner-width3 first">							
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Type of Transaction</label></b>
												<br />
												<label class="choice">
													<input type="radio" name="transaction_type" id="money_in" value="" checked="checked"/> Money In
												</label>
												<label class="choice">
													<input type="radio" name="transaction_type" id="money_out" value="" /> Money Out
												</label>
												<label class="choice">
													<input type="radio" name="transaction_type" id="other" value="" /> Other
												</label>
											</div>
										</section>
										
									</div>						
								</div>
								<!-- End of Transaction -->
								
								<!-- Money In -->
								<div class="column inner-width8 first" id="money_in_div">							
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Money In (Receivable)</label></b>																	
											</div>
											
											<br />										
											<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
											
												<!-- Transaction Date and Payment Method -->
												<div class="first" style="display:block; float:left; width:30%;">
												
													<label for="datepick">Date of Transaction</label>
													<br />
													<div style="margin-left:10px">
														<input id="noiedatepick" class="hasDatepick" type="date" name="datepick" value="" />
													</div>
													
													<br />
													
													<!-- Payment Method -->
													<div>
														<b><label class="">Payment Method</label></b>
														<br />
														<div  style="margin-left:10px">
															<table>
																<tbody>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="cash" value="" />
																				<label class="choice">Cash</label>													
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="BDO#123456" />
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="check" value="" />
																				<label class="choice">Check</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Check #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="credit" value="" />
																				<label class="choice">Charge</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>&nbsp;</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card</small>
																		</td>
																	</tr>
																</tbody>
															</table>	
														</div>												
													</div>
													<!-- End of Payment Method -->
													
												</div>
												<!-- End of Transaction Date and Payment Mode -->
												
												<!-- Receipt Used -->
												<div style="display:block; float:left; width:35%;">	
																						
													<b><label class="">Receipt Used in Transaction</label></b>
													
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="official" value="" /> Official Receipt
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">															
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="charge" value="" /> Charge Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="delivery" value="" /> Delivery Receipt														
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_invoice" value="" /> Cash Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_voucher" value="" /> Cash Voucher
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>											
													
												</div>
												<!-- End of Receipt Used -->
												
												<!-- Amount -->
												<div style="display:block; float:left; width:33%;">
												
													<b><label class="">Amount</label></b>
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">Amount (Before VAT)</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">VAT</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">Withholding Tax</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>&nbsp;</td>
																	<td style="padding-left:5px;">
																		<hr class="black"/>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">TOTAL</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
													
												</div>
												<!-- End of Amount -->
												
											</div>
											
										</section>
									</div>
								
								</div>
								<!-- End of Money In -->
								
								<!-- Money Out -->
								<div class="column inner-width8 first hidden" id="money_out_div">							
									<div class="content-box corners">
									
										<section>
											<div>
												<b><label class="">Money Out (Payable)</label></b>																	
											</div>
											
											<br />										
											<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
											
												<!-- Transaction Date and Payment Method -->
												<div class="first" style="display:block; float:left; width:30%;">
												
													<label for="datepick">Date of Transaction</label>
													<br />
													<div style="margin-left:10px">
														<input id="noiedatepick" class="hasDatepick" type="date" name="datepick" value="" />
													</div>
													
													<br />
													
													<!-- Payment Method -->
													<div>
														<b><label class="">Payment Method</label></b>
														<br />
														<div  style="margin-left:10px">
															<table>
																<tbody>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="cash" value="" />
																				<label class="choice">Cash</label>													
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="BDO#123456" />
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="check" value="" />
																				<label class="choice">Check</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Check #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>
																			<label>
																				<input type="radio" name="payment_method" value="credit" value="" />
																				<label class="choice">Charge</label>
																			</label>
																		</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card #</small>
																		</td>
																	</tr>
																	<tr>
																		<td>&nbsp;</td>
																		<td style="padding-left:5px;">
																			<input type="text" value="" /><br />
																			<small>Credit Card</small>
																		</td>
																	</tr>
																</tbody>
															</table>	
														</div>												
													</div>
													<!-- End of Payment Method -->
													
												</div>
												<!-- End of Transaction Date and Payment Mode -->
												
												<!-- Receipt Used -->
												<div style="display:block; float:left; width:35%;">	
																						
													<b><label class="">Receipt Used in Transaction</label></b>
													
		
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="official" value="" /> Official Receipt
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">															
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="charge" value="" /> Charge Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="delivery" value="" /> Delivery Receipt														
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" /><br />
																		<label class="choice">
																			<input type="checkbox" name="by_customer" value="" /> Issued By Customer
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_invoice" value="" /> Cash Invoice
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="cash_voucher" value="" /> Cash Voucher
																		</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>											
													
												</div>
												<!-- End of Receipt Used -->
												
												<!-- Amount -->
												<div style="display:block; float:left; width:33%;">
												
													<b><label class="">Amount</label></b>
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">Amount (Before VAT)</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">VAT</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">Withholding Tax</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
																<tr>
																	<td>&nbsp;</td>
																	<td style="padding-left:5px;">
																		<hr class="black"/>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">TOTAL</label>
																	</td>
																	<td style="padding-left:5px;">
																		<input type="text" value="" />
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
													
												</div>
												<!-- End of Amount -->
												
											</div>
											
										</section>
									</div>
								
								</div>
								<!-- End of Money Out -->
								
								<!-- Other -->
								<div class="column inner-width8 first hidden" id="other_div">							
									<div class="content-box corners">
									
										<section>
										
											<div>
												<b><label class="">Other</label></b>																	
											</div>
											<br />	
											
											<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
											
												<div class="first" style="display:block; float:left; width:30%;">
													<label for="transaction_date">Date of Transaction</label>
													<br />
													<div style="margin-left:10px">
														<input id="transaction_date" class="hasDatepick" type="date" name="transaction_date" value="" />
													</div>
												</div>
												
												<!-- Receipt Used -->
												<div style="display:block; float:left; width:35%;">											
													<b><label class="">Receipt Used in Transaction</label></b>
													<br />
													<div style="margin-left:10px">
														<table>
															<tbody>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="acknowledgement" value="" /> Acknowledgement Receipt
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="provisional" value="" /> Provisional Receipt
																		</label>
																	</td>
																</tr>
																<tr>
																	<td>
																		<label class="choice">
																			<input type="radio" name="receipt_used" value="delivery" value="" /> Delivery Receipt															
																		</label>
																	</td>
																</tr>														
															</tbody>
														</table>
													</div>
													<br />
												</div>									
												<!-- End of Receipt Used -->
												
											</div>
											
										</section>
										
									</div>						
								</div>
								<!-- End of Other -->
								
								<!-- Identifier and Note -->
								<div class="column inner-width8 first">
									
									<div class="content-box corners">
										<section class="full">
											<div class="colgroup full">
												<div class="inner-width4 column first">
													<b><label class="">Identifier</label></b>
													<input type="text" class="full" value="" />
													<small>Defines the identifier for this transaction. Ex. SSS, Material Purchase, Oxygen, Retainers Fee, Insurance</small>
												</div>
												<div class="inner-width4 column">
													<b><label class="">Notes</label></b>
													<input type="text" class="full" value="" />
												</div>
											</div>
										</section>
									</div>
								
								</div>
								<!-- End of Identifier and Note -->
								
								<!-- Scan Receipt -->
								<div class="column inner-width8 first">
									
									<div class="content-box corners">
										<section>
											<b><label class="">1. Scan Receipt</label></b>
											<b><label class="">&nbsp;2. </label></b>
											<input type="text" value="Upload Copied Receipt" />
											<b><label class="">&nbsp;3. </label></b>
											<input type="button" class="btn btn-blue" name="save_entry" value="Save" />
										</section>
									</div>
								
								</div>
								<!-- End of Scan Receipt -->
								
							</section>
						
					</div>					   
				</div>
				<!-- End of View Content -->
		
			</form>		
		</div>
		<!-- End of Popups - Edit -->
		
	</div>
	<!-- End of Page content -->
	
	<!-- jQuery with plugins -->
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/libraries/jquery-1.4.2.min.js"></script>
	<!-- jQuery popup box -->
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/libraries/jquery.nyroModal.pack.js"></script>
	
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/accounting/accounting.js"></script>
